H T M L   -   Hyper Text Markup Language

9.  formulare

9.3  einzeilige eingabe

9.3.1  HTML4-standard
Mit dieser form des input-tags wird ein einzeiliges feld zur texteingabe erzeugt. Das tag hat kein endetag und kann beliebig oft in einem formular vorkommen.

<p> [ vorsatz ] < input type="text | password | hidden" name="elemname"
       [ size="nn" ] [ maxlength="max" ] [ value="wert" ]
       [ readonly ] [ tabindex="n" ] [ autofocus ] /> [ nachsatz ] </p>

text es wird ein einzeiliges feld für texteingabe erzeugt.
password es wird ein einzeiliges feld für texteingabe erzeugt, die eingabe wird verschlüsselt angezeigt
hidden es wird ein einzeiliges feld für texteingabe erzeugt, das aber nicht sichtbar ist und in das in diesem zustand keine eingabe möglich ist. Der inhalt des feldes wird aber an die aufgerufene seite übergeben. (vgl. hinweise)
elemnamename des elements, notwendig
nn numerische angabe; damit wird die größe des eingabefeldes festlegt; eine längere eingabe wird gescrollt.
max numerische angabe; damit wird die maximale anzahl von zeichen festlegt, die eingegeben werden können.
wert vorbelegung des eingabefeldes, die überschrieben werden kann.
readonly es ist keine eingabe möglich, eine vorbelegung kann nicht überschrieben werden, der inhalt wird aber an die aufgerufene seite übergeben (vgl. hinweise)
tabindex="n" n gibt die reihenfolge an, in der das element mit dem tabulator den fokus erhält; siehe nr. 2.7 fokus setzen.
autofocusbeim laden der seite erhält das element sofort den fokus; siehe nr. 2.7 fokus setzen.

hinweise

beispiel-formular 1
Im eingabefeld feld1 werden vorsatz, nachsatz und die eingegebenen daten mit der CSS-klasse std formatiert, das eingabefeld feld2 enthält eine vorbelegung, mit dem eingabefeld feld3 wird ein kennwort eingegeben und das eingabefeld feld4 enthält eine vorbelegung, die nicht überschrieben werden kann.

beispiel-formular 1

maximal 25 zeichen

maximal 25 zeichen

kennwort (10 zeichen)

nur lesen


zum untermenü


    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  h t m l
  C S S  
  P H P  
  My S Q L  
  JAVASCRIPT